<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location</title>
    <!--    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
</head>
<body>
<script>
    console.table(location)
    //    ?后面的id在location对象的search属性中
    // 返回 ？a=11&b=22&c=33
    let search = location.search
    if (search) {
        // 去掉search的？并根据&符号打散成字符串数组
        // a=11&b=22&c=33
        // ["a=11","b=22"....]
        // [["a","11"],["b","2"]....]
        let arr = search.replace("?", '').split('&').
            //  将得到的字符串如果有？去掉，
            //  并按照&进行分割
            map(r => {
                return r.split('=')
                //    拼接一个新数组，按照等号分割 返回的内容拼接成一个新数组
            })
        //  定义一个对象
        let obj = {}
        //{a:"111",b:"222"....}
        arr.forEach(r => {
            obj[r[0]] = r[1]
        })
        // map创建一个新数组，其中每个元素都是内部函数的返回值
        //    以上字符串 转 对象
    }
</script>
</body>
</html>
